import React, { Component } from 'react'
import { Outlet,NavLink } from 'react-router-dom'
class List extends Component {
    render() {
        return (
            <div className="col-md-8">
                <ul>
                    <li > <NavLink to='/list/news'  className={({ isActive }) => isActive ? "red" : ""}   >News</NavLink> </li>
                    <li > <NavLink to='/list/video'  className={({ isActive }) => isActive ? "red" : ""}   >Video</NavLink> </li>
                </ul>
                <Outlet ></Outlet>
            </div>
        )
    }
}
export default List